import styled from "styled-components";

const SearchTabsWrapper = styled.div`
	display: flex;
	color: ${props => props.theme.isAlpha ? '#fff' : '#222'};

	.item {
		position: relative;
		width: 64px;
		height: 20px;
		margin: 10px 16px;
		font-size: 16px;
		cursor: pointer;

		&.active .bottom {
			position: absolute;
			top: 28px;
			left: 0;
			width: 64px;
			height: 2px;
			background-color: ${props => props.theme.isAlpha ? '#fff' : '#333'};
		}
	}
`

export default SearchTabsWrapper